<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>修改客户联系人信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/khxx/khlxr-info"]
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        .mui-content {
            padding: 0;
        }

        .mui-scroll {
            padding-bottom: 20px;
        }

        .mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea {
            width: 64%;
        }

        .wf-customers-add .mui-input-group .mui-input-row label {
            width: 35%;
        }

        .mui-input-row select {
            font-size: 15px;
            height: 37px;
            padding: 0px;
        }
    </style>
</head>

<body>
<div class="mui-content mui-fullscreen flex-container-v wf-user-add wf-customers-add">
    <div class="flex-content-center">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <form class="mui-input-group">
                    <div class="mui-input-row">
                        <label>客户名称</label>
                        <input v-model="sub.GWAKL004" readonly type="text" class="mui-input-clear" placeholder="请输入客户名称">
                    </div>
                    <div class="mui-input-row">
                        <label>地址类型</label>
                        <select v-model="sub.GWAL003">
                            <option value="Y">常用地址</option>
                            <option value="D">送货地址</option>
                            <option value="I">发票地址</option>
                            <option value="N">一般地址</option>
                        </select>
                    </div>
                    <div class="mui-input-row">
                        <label>联系人</label>
                        <input v-model="sub.GWAL021" type="text" class="mui-input-clear" placeholder="请输入联系人姓名">
                    </div>
                    <div class="mui-input-row">
                        <label>电话</label>
                        <input v-model="sub.GWAL020" type="number" class="mui-input-clear" placeholder="请输入电话">
                    </div>
                    <div class="mui-input-row">
                        <label>邮编</label>
                        <input v-model="sub.GWAL019" type="text" class="mui-input-clear" placeholder="请输入邮编">
                    </div>
                    <div class="mui-input-row">
                        <label>区域</label>
                        <select v-model="sub.GWAL012" @change="areaChange" class="selectCont" v-cloak>
                            <option v-for="p in areas" :value="p.GWAD002">{{p.GWADL004}}</option>
                        </select>
                    </div>
                    <div class="mui-input-row">
                        <label>省/市</label>
                        <select v-model="sub.GWAL013" @change="provinceChange" class="selectCont" v-cloak>
                            <option v-for="p in provinces" :value="p.GWAD002">{{p.GWADL004}}</option>
                        </select>
                    </div>
                    <div class="mui-input-row">
                        <label>市/区</label>
                        <select @change="cityChange" v-model="sub.GWAL014" class="selectCont">
                            <option v-for="p in citys" :value="p.GWAD002">{{p.GWADL004}}</option>
                        </select>
                    </div>
                    <div class="mui-input-row">
                        <label>县/区</label>
                        <select v-model="sub.GWAL015" class="selectCont" @change="districtChange">
                            <option v-for="p in districts" :value="p.GWAD002">{{p.GWADL004}}</option>
                        </select>
                    </div>
                    <div class="mui-input-row">
                        <label>乡/镇</label>
                        <select v-model="sub.GWAL016" class="selectCont" @change="villageChange">
                            <option v-for="p in villages" :value="p.GWAD002">{{p.GWADL004}}</option>
                        </select>
                    </div>
                    <div class="mui-input-row">
                        <label>街道/村</label>
                        <select v-model="sub.GWAL017" class="selectCont">
                            <option v-for="p in streets" :value="p.GWAD002">{{p.GWADL004}}</option>
                        </select>
                    </div>
                    <div class="mui-input-row">
                        <label>详细地址</label>
                        <textarea v-model="sub.GWAL018" rows="5" placeholder="请输入详细地址"></textarea>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div style="width: 100%;" class="footBtn flexl shadow2">
        <button @click="saveData" type="button" class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined addCar">保存
        </button>
    </div>
</div>
</body>
</html>